<template>
  <div class="fliecontent"
   >
    <myinput></myinput>
    <loading></loading>
  </div>
</template>

<script>
import myinput from '../components/messageboard/form/myform/myinput.vue';
import loading from "@/components/common/loading/loading.vue"


export default {
  components: { myinput ,loading},

  data() {
    return {
      context: "",
      value:""
    };
  },
  computed: {
    prop() {
      let data = {
        subfield: true, // 单双栏模式
        defaultOpen: "edit", //edit： 默认展示编辑区域 ， preview： 默认展示预览区域
        editable: true,
        toolbarsFlag: true,
        scrollStyle: true,
      };
      return data;
    },
  },
};
</script>

<style scoped>
.fliecontent {
  width: 100%;

  position: relative;
  overflow: hidden;
  height: 100vh;
}
.v-note-op {
  background-color: white;
}
.markdown-body {
  box-sizing: border-box;
}

.markdown-body {
  box-sizing: border-box;
  margin: 0 auto;
}

.markdown-body img {
  max-height: 500px;
}
.loading{
  max-height: 100px;
}

@media (max-width: 767px) {
  .markdown-body {
    padding: 15px;
  }
}
</style>